<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>工程档案</title>
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../css/fontawesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="../css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css.page/statistics/statisticsProject.css" />
		<link rel="stylesheet" type="text/css" href="../css/loading.css" />
	</head>

	<body ontouchstart>
		<div class="statistics-project-title hidden">
			<div class="fa fa-angle-left" @click="back"></div>
			<div class="tab">
				<div class="needsclick" @click="yuDengJi">预登记</div>
				<div class="needsclick" @click="yuYanShou">预验收</div>
				<div class="needsclick" @click="yanShou">验收</div>
				<div class="needsclick" @click="zhuanTi">专题片</div>
			</div>
		</div>
		<div class="statistics-project-body">
			<div class="loader">
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
			</div>
			<div class="statistics-project-list hidden">
				<!--预登记 预验收 验收三项列表显示内容一致-->
				<div class="statistics-project-item" v-for="item in projectData" v-if="indexNum==1">
					<div class="row1">
						<div class="title" v-html="item.PRJNAME"></div>
					</div>
					<div class="row2">
						<div class="fa fa-file-text-o" style="color: #39ad2a"></div>
						<div class="Num">工程规划许可证号：{{item.BSZRSCODE}}</div>
					</div>
					<!--<div class="row2" v-if="item.YKINDS!=null">
						<div class="fa fa-pencil-square-o" style="color:#F79C34;"></div>
						<div>预登记类型：{{item.YKINDS}}</div>
					</div>-->
					<div class="row2">
						<div class="fa fa-calendar" style="color: #00a0e9;"></div>
						<div>录入时间：{{item.LRDATE}}</div>
					</div>
				</div>
				<!--专题片单独显示列表-->
				<div class="statistics-project-item" v-for="item in projectData" v-if="indexNum==2">
					<div class="row1">
						<div class="title" v-html="item.PRJNAME"></div>
					</div>
					<div class="row2">
						<div class="fa fa-file-text" style="color: #39ad2a;"></div>
						<div class="Num">工程规划许可证号：{{item.BSZRSCODE}}</div>
					</div>
					<div class="row2" v-if="item.HCODE!=null">
						<div class="fa fa-folder-open" style="color: #39ad2a;"></div>
						<div class="Num">合同号：{{item.HCODE}}</div>
					</div>
					<div class="row2" v-if="item.HUANJIE!=null">
						<div class="fa fa-hourglass-half" style="color: #F79C34;"></div>
						<div class="Num">所处环节：{{item.HUANJIE}}</div>
					</div>
					<div class="row2" v-if="item.TIEMLEN!=null">
						<div class="fa fa-clock-o" style="color: #00a0e9;"></div>
						<div class="Num">时长：{{item.TIEMLEN}}</div>
					</div>
					<div class="row2">
						<div class="fa fa-calendar" style="color: #00a0e9;"></div>
						<div>录入时间：{{item.LRDATE}}</div>
					</div>
				</div>
				<div class="noData" v-if="projectData.length==0">暂无此类数据</div>
				<div class="statistics-project-noMore" v-if="noMore">没有更多数据了</div>
				<div class="weui-loadmore" v-if="loadMore">
					<i class="weui-loading"></i>
					<span class="weui-loadmore__tips">正在加载</span>
				</div>
			</div>

		</div>
		<div class="statistics-project-cart hidden">
			<div class="title">工程档案数据统计图</div>
			<div id="projectChart" class="needsclick"></div>
			<!--内部存放chart-->
		</div>
		<div class="statistics-project-tabbar">
			<div class="needsclick active">数据详情</div>
			<div class="needsclick">数据图</div>
		</div>
	</body>

	<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<!--引入图表插件-->
	<script src="../js/hightcharts/highcharts.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/hightcharts/data.js" type="text/javascript" charset="utf-8"></script>

	<script src="../js/fastclick.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>

	<script src="../js.page/statistics/statisticsProject.js" type="text/javascript" charset="utf-8"></script>

</html>